<template>
	<view style="margin: 20px auto;width: 95%;">
		<view class="s-header">
			<span class="uifont left">限时秒杀</span>
			<text class="tip">8点场</text>
			<text class="timer">07</text>
			<text class="timer">13</text>
			<text class="timer">55</text>
			<text class="myicon icon-xiangyou1"></text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.s-header{
		display:flex;
		align-items:center;
		.left{
			color: transparent;
			background: linear-gradient(to right, #ff2600, #ff9d6f );
			-webkit-background-clip: text;
			font-size: 20px;
		}
		.tip{
			font-size: $font-base;
			color: $font-color-light;
			margin: 0 20upx 0 40upx;
		}
		.timer{
			display:inline-block;
			width: 40upx;
			height: 36upx;
			text-align:center;
			line-height: 36upx;
			margin-right: 14upx;
			font-size: $font-sm+2upx;
			color: #fff;
			border-radius: 2px;
			background: rgba(0,0,0,.8);
		}
		.icon-xiangyou1{
			font-size: $font-lg;
			color: $font-color-light;
			flex: 1;
			text-align: right;
		}
	}
</style>
